@charset "utf-8";
@import 'header';

*{
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.web{
	background-image: url(../img/背景.jpg);
	.carousel{
		width:1300PX;
		.carousel-inner{
			width:1068PX;
			.active,.kv{
			  width:1068PX;
			img{
				width: 100%;
				}
			}
		}
	}
	.project{
		 width:1068PX;
		padding-top: 20px;
		background-color: black;
		display: flex;
		justify-content: center;
		
		h2{
			margin: 0;
			color: white;
		}
		.project_left{
			
			.in_box{
				width: 470px;
				height: 45px;
				border-top: 1px solid #676767;
				border-bottom: 1px solid #676767;
				padding: 24px 20px;
				display: flex;
				select,input{
					background-color: black;
					color: #676767;
					border: 1px solid  #676767;
				}
				.quilt{
					position: relative;
					select{
						width: 220px;
						height: 24px;
					}
					&::after{
						content: "";
						display: block;
						width: 0;
						height: 0;
						border-left: 6px solid transparent;
						border-right: 6px solid transparent; 
						border-top:  6px solid #0dafd2;
						position: absolute;
						right: 5px;
						top:30%;
						transform: translateY(-50%);
						z-index: 1;
						pointer-events: none;}
				}
				.search_box{
					display: flex;
					align-items: center;
					width: 220px;
					height: 24px;
					border: 1px solid  #676767;
					input{
						border: none;
						outline: none;
					}
					.search{
						width: 65px;
						height: 25px;
						background-color:#0dafd2 ; 
						color:white;
					}
				}
				
				
			}
		}
	}
}